<template>
	<view>
		<!-- copy 复制按钮 默认不显示，未实现H5功能 -->
		<view style="margin: 20rpx 0;padding: 10rpx 0;background-color: #FFFFFF;">
			<MsgTag tag="订单编号" msg="2021035439569057750244200" :copy="true"/>
			<MsgTag tag="下单时间" msg="2021-02-06 15:54"/>
			<MsgTag tag="支付方式" msg="微信支付"/>
			<MsgTag tag="支付时间" msg="2021-02-06 15:54"/>
		</view>
		
		<!-- type 1 左侧 2 两侧 3 右侧-->
		<view style="margin: 20rpx 0;padding: 10rpx 0;background-color: #FFFFFF;">
			<MsgTag tag="商品总额" msg="￥249.00" type="2" />
			<MsgTag tag="运费"    msg="￥00.00" type="2" />
			<MsgTag tag="优惠金额" msg="￥00.00" type="2" />
			<MsgTag tag="共1件商品  合计" msg="￥249.00" type="3" />
		</view>
	</view>
</template>

<script>
	import MsgTag from "@/components/msgTag/tag-1.0.vue"
	
	export default {
		components: {
			MsgTag
		} ,
		data() {
			return {}
		} ,
		methods: {
		}
	}
</script>

<style>
</style>
